<%@ Page Language="C#" MasterPageFile="~/NiftyDemo.Master" AutoEventWireup="true"
    Codebehind="Example4.aspx.cs" Inherits="NiftyDotNetDemo.Example4" Title="NiftyDotNet - Example 4" %>

<%@ Register Assembly="NiftyDotNet" Namespace="NiftyDotNet" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="container4">
        <div id="menu4">
            <cc1:Nifty ID="Nifty1" runat="server" Selectors="ul#nav4 a" InnerTransparent="true" Corners="TopRight, TopLeft">
            </cc1:Nifty>
            <ul id="nav4">
                <li id="home" class="activelink"><a href="#">Home</a></li>
                <li id="who"><a href="#">About</a></li>
                <li id="prod"><a href="#">Product</a></li>
                <li id="serv"><a href="#">Services</a></li>
                <li id="cont"><a href="#">Contact us</a></li>
            </ul>
        </div>
    </div>
    <div id="howtodo">
        <strong>How to do:</strong>
        <ul>
            <li>Design the web page as always.</li>
            <li>Once done, drag and drop the component on the page.</li>
            <li>Set the property "selectors" to "ul#nav4 a", that means every link in the list with
                id='nav#4'...</li>
            <li>... will have Top (Left and Right) corners rounded.</li>
            <li>That's all</li>
        </ul>
    </div>
    <div id="footer">
        <a id="back" href="Default.aspx" title="Main page">Return to main page</a>
    </div>
</asp:Content>
